<template>
    <h1>这是体育新闻</h1>
    <!--动态路由，接收数据
      $route.params.title  说明：
      $route.params固定写法，vue路由中接收参数的写法
      title：router.js文件中配置的动态路由,和:后面的字符对应
    -->
    <h1>标题：{{ $route.params.title }} </h1><br>
    <h2>新闻内容：</h2> <br>
    <h3>
      {{ $route.params.content }}
    </h3>
  </template>
  
  <script setup>
  
  
  </script>
  
  <style scoped>
  h1{
    color: blue;
  }
  </style>